<template>
  <div class="tags">
    <Wapper :bgImg="bgImg">
      <template #header>
        <p class="other-title">标签</p>
      </template>
      <template #main>
        <TagsMain />
      </template>
      <template #aside>
        <Aside>
          <NewestArticle />
        </Aside>
      </template>
    </Wapper>
  </div>
</template>

<script>
import Wapper from "$components/Wapper";
import TagsMain from "./components/TagsMain";
import Aside from "$components/aside/Aside";
import NewestArticle from "$components/aside/NewestArticle";
export default {
  name: "Tags",
  components: {
    Wapper,
    TagsMain,
    Aside,
    NewestArticle,
  },
  data() {
    return {
      bgImg:
        "/bg.jpg",
    };
  },
};
</script>

<style lang="stylus" scoped></style>